<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>联系我们配置</title>
	<%@ include file="/view/common/tags.jsp"%>
	<script type="text/javascript" src="${sysManagerV1}/js/My97DatePicker/WdatePicker.js"> </script>
</head>
<body>
	<section class="content">
    	<div class="row">
            <div class="col-md-12">
                <div class="box">
                	<div class="box-body">
						<div class="panel panel-default">
                            <div class="panel-body" style="padding-bottom:5px;">
                                <form class="form-horizontal" action="" method="post" id="dataForm">
                                    <input type="hidden" id="token" name="token" value=""/>
                                	<div class="searchMenu" >
                                        <div class="mal10" >
                                            <button type="button"  class="btn btn-primary btn-sm"  onclick="findData()"><span class='glyphicon glyphicon-search'></span>查&nbsp;询</button>
                                            <sk:button type="button" rightKey="20170816153140"  _class="btn btn-success btn-sm"  onclick="add()"><span class='glyphicon glyphicon-plus'></span>添&nbsp;加</sk:button>
                                        </div>
                                	</div>
                                </form>
                        	</div>
						</div>
                        <table class="table table-hover table-condensed table-bordered table-striped" id="dataTable" >
                            <thead>
                            	<tr>
                                	<th data-field="index" data-align="center" data-formatter="indexFormatter" data-sortable="false">序号</th>
                                	<th data-field="title" data-align="center" data-sortable="true">标题</th>
                                	<th data-field="contact" data-align="center" data-sortable="true">内容</th>
                                	<th data-field="orderByNo" data-align="center" data-sortable="true">排序号</th>
                                    <th data-field="openFlag" data-align="center" data-formatter="useFlagFormatter" data-sortable="true">是否开启</th>
                                    <th data-field="optAccount" data-align="center" data-sortable="true">操作人帐号</th>
                                    <th data-field="optTime" data-align="center" data-formatter="timeFormatter_point" data-sortable="true">修改时间</th>
                                    <th data-field="deleteButton" data-align="center"  data-formatter="buttonFormatter" data-sortable="false">操作</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
       	</div>
	</section>
   <%@ include file="/view/common/footer.jsp"%>
</body>
<script>
// 提示信息
var msgg='<%=request.getAttribute("msg")%>';
if (msgg && msgg!=null && msgg!='null') { 
	  layer.msg(msgg);
}
var tableIndex = 0; // 添加修改的弹出框的ID

// 加载table 数据
$(function(){
    $("#token").val(sessionStorage.getItem("token"));
    
    $("#dataTable").bootstrapTable({ 
        url: "${userInfoV1}/baseContactOffical/data.json",
        method:"get", 
        pagination:true,
        sidePagination:"server",
        queryParams: function(params) {
            return $.extend({}, params, parseJson(decodeURIComponent($("#dataForm").serialize())));     
        }
   }); 
})

//查询
function findData(){
   $("#dataTable").bootstrapTable("refresh",{} ); 
}

/*bootstrap table点击行事件*/
$(function(){
     $("body").on("click","table>tbody>tr",function(){
      $(this).css("background","#e1ecf1").siblings().css("background","");
   });
})

// 焦点图类型
function foucsImgTypeFormatter(value, row) {
    if (row.foucsMapType == 10) {
        return ' <span>APP首页焦点图 </span>';
    }
}

// 发布状态
function useFlagFormatter(value, row) {
	var html = "";
    if (row.openFlag == 1) {
        html = "<span class='text-success'>发布 </span>&nbsp;&nbsp;&nbsp;&nbsp;";
        html += "<button id='btn_edit' type='button' onclick='_stop("+row.rowId+", "+row.openFlag+");'    class='btn btn-default btn-sm '><span class='glyphicon glyphicon-stop'></span>停用</button>";
    }else {
    	html = "<span class='text-warning'>停用 </span>&nbsp;&nbsp;&nbsp;&nbsp;";
    	html += "<button id='btn_edit' type='button' onclick='_stop("+row.rowId+", "+row.openFlag+");'    class='btn btn-default btn-sm '><span class='glyphicon glyphicon-ok'></span>发布</button>";
    }
    return html;
}

// 操作按钮
function buttonFormatter(value, row, index) {
    var caozuo3 = "<button id='btn_edit' type='button' onclick='deleteEmp("+row.rowId+", "+row.openFlag+");'  class='btn btn-default btn-sm'><span class='glyphicon glyphicon-remove'></span>&nbsp;删&nbsp;除&nbsp;</button>";
    var caozuo2 = "<button id='btn_edit' type='button' onclick='_update("+row.rowId+");'  class='btn btn-default btn-sm'><span class='glyphicon glyphicon-pencil'></span>修 改</button>";
    return caozuo2 + caozuo3;
}


// 弹出添加的窗口
function add(){
    tableIndex = layer.open({
        type: 2,
        title: "添加联系我们",
        closeBtn: 1,
        shadeClose: true,
        area: ['550px', '400px'],
        content: "${sysManagerV1}/contactOffical/toAdd?rowId=0",
        btn: ["确 认","关 闭"], 
        yes: function(index, layero){
            var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
            iframeWin.add();
        }
    });
}

// 弹出添加的窗口      修改功能
function _update(rowId){
    tableIndex = layer.open({
        type: 2,
        title: "修改焦点图",
        closeBtn: 1,
        shadeClose: true,
        area: ['550px', '400px'],
        content: "${sysManagerV1}/contactOffical/toAdd?rowId=" + rowId ,
        btn: ["确 认","关 闭"], 
        yes: function(index, layero){
            var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
            iframeWin.add();
        }
    });
}

//停用（启用）
function _stop(rowId, useFlag){
    //var gameName = getTableColumnValueByDict($("#gameNameListJson").val(), gameId);
    var descStr = '【停用】';
    if (useFlag == 0) {
        descStr = '【启用】';
    }
    useFlag = Math.abs(Number(useFlag) - 1);
    layer.confirm('您确认'+descStr+'联系我们吗？', {btn: ['确认', '取消']}, 
    function(){
        if (rowId == null || rowId == "") {
            layer.msg("id不能为空!");
            return;
        }
        
        $.ajax({
            url: "${userInfoV1}/baseContactOffical/updateUseState",
            type: "post",
            cache: false,
            data: {rowId:rowId, useFlag:useFlag, token: sessionStorage.getItem("token")},
            dataType:"json",
            async:false,
            success: function(data) {
                if (data == 1) { 
                    layer.msg(descStr+"成功", {icon: 1});
                    findData();
                } else if(data == "index"){
                    window.location.href="${sysManagerV1}/";
                } else {
                    layer.msg(descStr+"失败", {icon: 5});
                }
            },
            error: function(err){
            	alert(JSON.stringify(err));
            }
        });
    });
}

//删除游戏
function deleteEmp(rowId, useFlag){
    layer.confirm("您确认【删除】?", {btn: ['确认', '取消']},
    function(){
        $.ajax({
            url: "${userInfoV1}/baseContactOffical/delete",
            type: "post",
            cache: false,
            data: {rowId:rowId, openFlag:useFlag, token: sessionStorage.getItem("token")},
            dataType:"json",
            async:false,
            success: function(data) {
                if (data == 1) { 
                    layer.msg("删除成功", {icon: 1});
                    findData();
                } else if (data == 3) {
                    layer.msg("删除失败，该联系我们启用中");
                } else if(data == "index"){
                    window.location.href="${sysManagerV1}/";
                } else {
                    layer.msg(data, {icon: 5});
                }
            }
        });
    });
}
</script>
</html>